function myGod(id,w,n){
	var box=document.getElementById(id),can=true,w=w||3500,fq=fq||10,n=n==-1?-1:1;
	box.innerHTML+=box.innerHTML;
	box.onmouseover=function(){can=false};
	box.onmouseout=function(){can=true};
	var max=parseInt(box.scrollHeight/2);
	new function (){
		var stop=box.scrollTop%34==0&&!can;
		if(!stop){
			var set=n>0?[max,0]:[0,max];
			box.scrollTop==set[0]?box.scrollTop=set[1]:box.scrollTop+=n;
		};
		setTimeout(arguments.callee,box.scrollTop%34?fq:w);
	};
};


$(document).ready(function(){
	var list_featured_pos = $('#list-featured-post .post').length;
	if(list_featured_pos == 0){
		$('.mod-list-featured-post').hide();
	};
	$('#user-box-body').load('/index.html .mod-teacher .mod-box-body');
	$('#rankingListAll').load('/index.html #rankingList');
	
	$('#art_body img').click(function(){
		window.open($(this).attr('src'))
	});

	$("#rankingList li").mouseover(function(){
		$('#rankingList li').removeClass('show');								
		$(this).addClass('show');								
	});
	$("#navi .submenu,#navi .on").hover(function(){
		$(this).find('.submenu-box').show();								
	},function(){
		$(this).find('.submenu-box').hide();								
	});
	$('.mod-category li:odd').css({ "border-right": "0", "width": "89px" }); 
	
	$('#mod-tab').each(function(){
		$(this).find('.mod-tab-menu li').eq(0).addClass('on');
		$(this).find('.mod-tab-col').hide().eq(0).show();
		var _this = $(this);
		
		$(_this).find('.home-post-ad-box').css('top',$(this).find('.post-in-ad').eq(0).position().top+15)
		
		$(this).find('.mod-tab-menu li').click(function(){
			var _num = $(this).index();
			_this.find('.mod-tab-menu li').removeClass('on').eq(_num).addClass('on');
			_this.find('.mod-tab-col').hide().eq(_num).show();
			$(_this).find('.home-post-ad-box').css('top',$(_this).find('.post-in-ad').eq($(this).index()).position().top+15)
			return false;
		});
	});

	
	$("#featured").scrollable(1,2);
	myGod('announcement',3500);
});

$.fn.extend({
	scrollable:function(list,row,_item){
		var _item         =  0;
		var _itemList     =  $(this).find('.featured-post').length;
		var _itemWidth    =  $(this).find('.featured-post').width()+52;
		var _page         =  Math.ceil(_itemList/row)-1;
		var _pageWidth    =  row*_itemWidth;
		var _pageBox      =  $(this).find('.featured-list-box');
		var _thisBox      =  $(this);
		var _autoPlayTime =  8000;
		
		_thisBox.after('<span class="button next">&nbsp;</span><span class="button prev">&nbsp;</span>')
		_pageBox.css('width',''+_itemWidth*_itemList+'px');
		
		$('.featured .prev').click(function(){
			if(_item == 0){
				return false;
			}else{
				playPage(_item--);
			};
		});
		
		$('.featured .next').click(function(){
			if(_item == _page){
				playPage(_item=0);
			}else{
				playPage(_item++);
			};
		});
		
		function playPage(){
			_pageBox.animate( { left: '-'+_pageWidth*_item+'px' }, 800 );
			_thisBox.find(".navi span").removeClass('on').eq(_item).addClass('on');
			if(_item == 0){_thisBox.find('.prev img').addClass('on');}else{_thisBox.find('.prev img').removeClass('on');};
			if(_item == _page){_thisBox.find('.next img').addClass('on');}else{_thisBox.find('.next img').removeClass('on');};
		};
		playPage();
		
		function autoPlayPage(){
			if(_item == _page){
				playPage(_item=0);
			}else{
				playPage(_item++);
			}
		};
		
		if(!_page==0){
			int=setInterval(autoPlayPage,_autoPlayTime);
		};
		/*
		$("#smooth_sliderc_page span").click(function(){
			clearInterval(int);	   
		});
		*/
		$(this).hover(function(){
			clearInterval(int);	   
		},function(){
			int=setInterval(autoPlayPage,_autoPlayTime); 
		});
	
	}
});    